import { ListPage } from "custom/index";
import { getRoleList, removeRoleDetail } from '../api'

import { addDialog, editDialog, authorizationDialog } from './dialog'
const page = new ListPage('RoleManagement');

page
  .api(getRoleList)
  .useSearch()
    .addInputItem('keyword', '角色名称/角色描述')
    .end()
  .useTable()
    .addIndexColumn()
    .useColumn('roleName').label('角色名称').end()
    .useColumn('remark').label('描述').end()
    .useColumn('permMenuCount').label('授权数量').end()
    .end()
  .addPagination()
  .useAuthButton()
    .useItem('add').content('新增').primary().addRow(addDialog).end()
    .end()
  .useAuthColumn()
    .useItem('addchild').content('添加成员').editRow(authorizationDialog).end()
    .useItem('edit').content('编辑').editRow(editDialog).end()
    .useItem('delete').content('删除').removeRow(removeRoleDetail, row => [row.roleId]).end()

export default page
